<script setup>
import { toRefs } from 'vue';

const props = defineProps({
  width: {
    type: String,
    default: '480px',
  },
});

const { width } = toRefs(props);
</script>

<template>
  <div class="right-gradient" :style="{ width: `${width}` }"></div>
</template>

<style scoped lang="scss">
.right-gradient {
  position: absolute;
  right: -10px;
  z-index: 1;
  height: 100%;
  background: linear-gradient(
    89.47deg,
    rgba(62, 173, 147, 0) -5.796%,
    rgba(83, 112, 143, 0.5) 24.643%,
    rgb(9, 49, 93) 98.153%
  );
  filter: blur(40px);
}
</style>
